iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 7
1
Modern Web

和少女工程師一起學 JavaScript 系列 第 7

和少女工程師一起學 JavaScript:Day07 陣列

  • 分享至 

  • xImage
  •  

今天要介紹的是 JavaScript 原生物件,陣列 Array

陣列可儲存字串、數字、布林值、函式、物件...

var dogs = ['sunny', 'parker'];
// 陣列名稱 = [ 第 0 筆內容, 第 1 筆內容, ...]

在 Javascript 的世界裡,陣列的第一筆資料是從0開始算的,這個 0 我們稱為索引值。

如何建立一個陣列?

物件實字表示法

var person = [];

陣列操作

var person = ["yinmin", 2]
  • 陣列顯示

    console.log(person[0]);  //yinmin
    
  • 查看陣列長度

    console.log(person.length); //2
    
  • 陣列新增

    在陣列末端新增「值」

    person.push("say hi");
    
    console.log(person);       //["yinmin", 2, "say hi"]
    

    在陣列前端新增「值」

    person.unshift("say hi");
    
    console.log(person)        //["say hi", "yinmin", 2]
    
  • 陣列修改

    修改陣列的指定值

    person[1] = 22;
    
    console.log(person) //["yinmin", 22]
    
  • 陣列刪除

    從第 0 筆開始,刪除陣列 1 筆內容

    person.splice(0, 1);
    
    console.log(person) //["yinmin"]
    

    也可以透過 length 刪除值

    person.length = 0;
    
    console.log(person) //[]
    
  • 陣列取值

    取得陣列的第一筆內容

    person[1]; //2
    

上一篇
和少女工程師一起學 JavaScript:Day05 提升
下一篇
和少女工程師一起學 JavaScript:Day08 陣列方法
系列文
和少女工程師一起學 JavaScript 27
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言